<template>
	<view class="padlr24 padtb16">
		<view class="block-box bor-r16 padlr24 padtb32">
			<view class="block-tit flex-a">
				<u--image
					:showLoading="true" 
					:src="getImg('q-icon')"
					width="40rpx" 
					height="40rpx"
				></u--image>
				<view class="mar-l10 f-s28">
					积分有什么作用？
				</view>
			</view>
			<u-line margin="24rpx 0 16rpx"></u-line>
			<view class="block-tips">
				使用积分可兑换商品、优惠券、服务等，兑换后可前往“我的"查询。
			</view>
		</view>
		<view class="block-box bor-r16 padlr24 padtb32 mar-t16">
			<view class="block-tit flex-a">
				<u--image
					:showLoading="true" 
					:src="getImg('q-icon')"
					width="40rpx" 
					height="40rpx"
				></u--image>
				<view class="mar-l10 f-s28">
					怎么赚积分？
				</view>
			</view>
			<u-line margin="24rpx 0"></u-line>
			<view class="block-tit f-s28">
				签到
			</view>
			<view class="block-tips tips-box flex ju-bt">
				<view class="list-box pad-t6">
					<view 
						class=" mar-t6" 
						v-for="(item, index) in 3" 
						:key="index"
					>
						连续签到30天，积分+600
					</view>
				</view>
				<view 
					class="block-btn flex-center mar-t8"
					@click="$goRouter('/pages/my/pages/signIn')"
				>
					去签到
				</view>
			</view>
			<u-line margin="26rpx 0"></u-line>
			<view class="block-tips tips-box flex ju-bt">
				<view class="">
					<view class="block-tit f-s28">
						签到
					</view>
					<view class="mar-t12">
						积分+30
					</view>
				</view>
				<view class="block-btn flex-center mar-t14">
					去关注
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.tips-box {
		.list-box {
			width: calc(100% - 158rpx);
		}
		.block-btn {
			width: 148rpx;
			height: 64rpx;
			background: #FF7171;
			border-radius: 12rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
		}
	}
	.block-tips {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #444444;
		line-height: 43rpx;
	}
</style>
<style>
	page {
		background: #F5F5F5;
	}
</style>
